.viewFrameWork .body-wrapper {
    padding: 0
}
/*---------------------------------------------------------å…¬å…±æ ·å¼-------------------------------------------------------------*/
// 
.panel-default > .panel-heading {
    background-color: #fafafa;
    padding: 20px 15px;
    border-bottom: 0;
}

.panel-body .form-row .content {
    margin-left: 10px;
}

/*æ˜¾ç¤ºæˆ–éšè—*/
.isHide,
.hidden-group,
.form-inline .form-group.isHide,
.form-control.form-control-inline.isHide { /*å¢žåŠ æƒé‡*/
    display: none;
}

.isShow {
    display: block;
}

/*radio-group--å•é€‰æ¡†ç»„*/
.form-group .radio-group .radio {
    float: left;
    margin-right: 15px;
}

.form-group .radio-group .not-float {
    float: none;
}

.form-group .radio-group .radio label {
    height: 20px;
    line-height: 20px;
}

/*å•é€‰æ¡†ç»„ä¸­åŒ…å«è¾“å…¥æ¡†*/
.form-group .radio-group .radio input[type=text] {
    margin-top: -4px;
}

/*è¿™æ˜¯inputæ—è¾¹æœ‰æ–‡å­—è¯´æ˜Žæ—¶*/
.input-group-box {
    position: absolute;
    left: 76px;
    top: 0;
    width: 350px;
}

/*æ–‡å­—æ—è¾¹çš„inputè¾“å…¥æ¡†*/
.input-group-box input {
    height: 28px;
    text-align: center;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
}

/*active-input--è¾¹æ¡†æ˜¯è“è‰²*/
.input-group-box .active-input {
    border: 1px solid #1A8CFE;
}

/*error-input--è¾¹æ¡†æ˜¯çº¢è‰²*/
.input-group-box .error-input {
    border: 1px solid #FF4B50;
}

/*inputæ—çš„æ–‡æ¡ˆè¯´æ˜Ž*/
.input-group-box .input-group-tips {
    font-size: 12px;
}

/*error--é”™è¯¯æç¤º*/
.input-group-box .input-group-tips.error {
    color: #FF4B50;
}

/*nav-tabs åˆ›å»ºè€ƒè¯•é¡µé¢mainéƒ¨åˆ†--é¡¶éƒ¨Tabåˆ‡æ¢*/
.body-content .cont-r .tab-area .nav-tabs {
    border-bottom: 1px solid #188DFF;
}

.body-content .cont-r .tab-area .nav-tabs li {
    width: 33.33%;
}

.body-content .cont-r .tab-area .nav-tabs li.active {
    margin-bottom: 0;
}

.body-content .cont-r .tab-area .nav-tabs li a {
    border: none;
    font-size: 16px;
    text-align: center;
    padding: 21px 0;
}

.body-content .cont-r .tab-area .nav-tabs li.active a {
    color: #188DFF;
}

/*guide-btn å‘å¸ƒè€ƒè¯•æŒ‰é’®*/
.body-content .cont-r .tab-area .body-toolbar .guide-btn {
    padding: 8px 25px;
}

/*ä»¥ä¸‹æ˜¯è¯•å·ä¿¡æ¯éƒ¨åˆ†*/
.tab-content .tab-pane {
    padding: 30px;
    background: #eff3f7;
}

.tab-content .tab-pane form {
    background: #fff;
}

.update-area {
    position: relative;
    padding: 30px;
    background: #eff3f7;
}

.update-area form {
    background: #FFF;
}

/*normal-setting--è€ƒè¯•åŸºæœ¬ä¿¡æ¯  + æ›´å¤šè®¾ç½®*/
.exam-setting {
    padding: 20px 25px;
}

.exam-setting.normal-setting {
    border-bottom: 1px solid #F6F7FA;
}

/*label*/
.exam-setting.normal-setting .form-group label.col-sm-2 {
    width: 99px;
}

.input-group-container.exam-name {
    display: flex;
}

.input-group-container .input-container {
    flex: 1;
    position: relative;
}

.input-group-container .input-container input {
    padding-right: 65px;
    border-color: #dcdfe6;
    border-radius: 4px 0 0 4px;
}

.input-group-container .input-container .count {
    font-size: 12px;
    line-height: 17px;
    color: #b4b6bd;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
}

.input-group-container select {
    font-size: 12px;
    line-height: 17px;
    color: #6d717c;
    padding: 0 5px;
    flex: 0 0 auto;
    border-left: none;
    border-color: #dcdfe6;
    border-radius: 0 4px 4px 0;
}

/*å•é€‰æ¡†ã€å¤šé€‰æ¡†ã€è¾“å…¥æ¡†ç­‰*/
.exam-setting.normal-setting .form-group .col-sm-10 {
    width: calc(100% - 99px);
}

.exam-setting.normal-setting .form-group .btn-group .laydate-icon {
    width: calc(50% - 11px);
}

#dateFrom, #dateTo {
    height: 28px;
    border: none;
    width: 99%;
    color: #9090A4;
}

.calendar-wrap {
    display: inline-block;
    width: calc(50% - 12px);
    border: 1px solid #ddd;
    border-radius: 4px;
    padding-left: 23px;
    position: relative;
}

.exam-setting.normal-setting .form-group .btn-group .start,
.exam-setting.normal-setting .form-group .btn-group .end {
    position: absolute;
    left: 5px;
}

.exam-setting.normal-setting .form-group .btn-group .icons8-calendar {
    color: #1A8CFE;
    line-height: 28px;
}

/*toolbar-setting--æ”¶èµ·ï¼ˆå±•å¼€ï¼‰æ›´å¤šè®¾ç½®æŒ‰é’®*/
.exam-setting.toolbar-setting {
    padding: 20px;
    text-align: center;
}

/*è¯•å·ä¿¡æ¯*/
.exam-setting .panel-paper .panel-body {
    padding-bottom: 35px;
}

.exam-setting .panel-paper .panel-body .form-row {
    margin-top: 22px;
}

.exam-setting .panel-paper .panel-body .form-row .title {
    color: #9090A4;
}

.exam-setting .panel-paper .panel-body .text-center {
    margin-top: 36px;
}
.exam-setting .panel-paper .panel-heading .paper-title {
    float: left;
}
.exam-setting .panel-paper .panel-heading .paper-title .paper-type {
    color: #C1C1CB;
}
.exam-setting .panel-paper .panel-heading .paper-operation {
    float: right;
    color: #1A8CFE;
    font-size: 0;
}
.exam-setting .panel-paper .panel-heading .paper-operation .border-right {
    border-right: 1px solid #DEDEDE;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 14px;
}
.exam-setting .panel-paper .panel-heading .paper-operation .border-right:last-child {
    border-right: 0;
    margin-right: 0;
}
/*æ™ºèƒ½ä¸²è”ï¼Œç³»ç»Ÿè‡ªåŠ¨ç»„å·*/
.panel-paper .panel-body.ai-connect .form-row{
    margin: 0;
    /* padding-left: 80px; */
    position: relative;
}
.panel-paper .panel-body.ai-connect .form-row + .form-row{
    margin-top: 10px;
}
.panel-paper .panel-body.ai-connect .form-row + .form-row.addition{
    margin-top: 14px;
}
.panel-paper .panel-body.ai-connect .form-row .title{
    position: absolute;
    left: 0;
    top: 4px;
}
.panel-paper .panel-body.ai-connect .form-row.addition{
    top: 0;
}
.panel-paper .panel-body.ai-connect .form-row .content{
    margin: 0;
}
.panel-paper .panel-body.ai-connect .form-row .content .form-control{
    width: 60px;
    display: inline-block;
    margin-right: 5px;
}
.panel-paper .panel-body.ai-connect .form-row .content .intro{
    font-size: 12px;
    color: #656577;
    margin-left: 6px;
}



/*è€ƒå‰è¯´æ˜Žé¢æ¿*/
.exam-setting .panel-answer-notice .panel-body {
    padding: 0;
    font-size: 0;
}

/*è€ƒå‰è¯´æ˜Žtextarea*/
.exam-setting .panel-answer-notice .notice-textarea {
    line-height: 25px;
    padding: 15px;
    border: 0;
    height: 148px;
    width: 100%;
    resize: none;
    font-size: 14px;
    border-radius: 4px;
}

/*å¯è€ƒæ ‡ç­¾çš„æ ·å¼*/
.form-horizontal .selUserLabel .btn,
.form-horizontal .selUserLabel .radio:nth-child(2) {
    margin-top: 15px;
}

.form-horizontal .selUserLabel .radio {
    padding-top: 0;
    min-height: 20px;
}

.form-horizontal .selUserLabel .tooltip {
    width: 250px;
}

/*è¯„è¯­å’Œçº¢åŒ…åŒºé—´çš„åˆ é™¤å›¾æ ‡*/
a.q-opra-reduce.removeKeyRadioOrCheck {
    margin-left: 10px;
}

/*æ¯ä¸€å°éƒ¨åˆ†çš„æ ‡é¢˜ï¼ˆè“è‰²å·¦è¾¹æ¡†ï¼‰*/
.exam-title {
    border-left: 6px solid #1A8CFE;
    line-height: 28px;
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #3A3E51;
}

/*å¯è€ƒéƒ¨é—¨ã€å¯è€ƒå­¦å‘˜çš„labelæ¡†ï¼ˆå¯å±•å¼€æ”¶èµ·ï¼‰*/
.label-wrap {
    position: relative;
    margin-top: 15px;
}

.label-wrap .label-list {
    background: #F7F8FA;
    border-radius: 4px;
    min-height: 34px;
    height: 34px;
    overflow: hidden;
    padding-top: 6px;
    padding-left: 6px;
}

.label-wrap.open .label-list {
    height: auto;
}

.label-wrap .label-list .label-default {
    display: inline-block;
    background: #FFF;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    color: #666;
    font-weight: normal;
    padding: 0 9px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 6px;
    margin-right: 6px;
}

.label-wrap .collapse-label {
    position: absolute;
    right: 0;
    line-height: 34px;
    top: -45px;
    font-size: 12px;
    color: #999;
    cursor: pointer;
}

/*superSetting--æ›´å¤šè®¾ç½®éƒ¨åˆ†*/
#superSetting .input-group .input-group-addon {
    background: none;
    border: none;
}

#superSetting .input-group input {
    border: 1px solid #9090A4;
    border-radius: 4px;
}

#superSetting .left-setting .selUserLink .removeLable {
    cursor: pointer;
}

#superSetting .left-setting .form-group label {
    width: 120px;
}

#superSetting .left-setting .form-group .skip-login-label {
    width: 87px;
}

#superSetting .left-setting .form-group.followApp label {
    width: 155px;
}

/*#superSetting .left-setting .form-group.ip-group{padding-left: 20px;}*/
#superSetting .left-setting .info-group label {
    width: 100%
}

#superSetting .left-setting .form-group .col-sm-10 {
    width: calc(100% - 100px);
}

#superSetting .left-setting .form-group .exam-staus {
    margin-left: 60px;
}

#superSetting .left-setting .radio label {
    min-width: 75px;
    white-space: nowrap;
}

#superSetting .right-setting .control-label {
    text-align: left;
    padding-right: 0;
    width: auto;
}

#superSetting .right-setting .col-sm-9 {
    /*width: calc(100% - 120px);*/
    width: auto;
}

#superSetting .setReleaseNotice.add {
    display: block;
}

#superSetting .right-setting .onShow_state .on_state, #superSetting .right-setting .onShow_state .on_state_point {
    margin-bottom: 10px;
}

#superSetting .right-setting .onShow_state input { /*opacity: 0.99;*/
    border: 1px solid #DCDFE6;
    border-radius: 4px;
    height: 28px;
    text-align: center;
}

#superSetting .right-setting .onShow_state .min_score {
    width: calc(13% - 4px);
}

#superSetting .right-setting .onShow_state .max_score {
    width: calc(13% - 4px);
}

#superSetting .right-setting .onShow_state .marked_words, #superSetting .right-setting .onShow_state .url_address {
    width: calc(25% - 14px);
    margin-left: 8px
}

#superSetting .right-setting .onShow_state ::-webkit-input-placeholder {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    text-align: center
}

#superSetting .right-setting .onShow_state :-moz-placeholder {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    text-align: center
}

#superSetting .right-setting .onShow_state ::-moz-placeholder {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    text-align: center
}

#superSetting .right-setting .onShow_state :-ms-input-placeholder {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    text-align: center
}

#superSetting .right-setting .onShow_state .addKeyRadioOrCheck {
    margin-top: 22px;
}

#superSetting .right-setting .onShow_state .addKeyRadioOrCheck a, #superSetting .right-setting .onShow_state .addKeyRadioOrCheck span {
    vertical-align: middle;
}

#superSetting .right-setting .onShow_state .addKeyRadioOrCheck em {
    margin-right: 10px;
    vertical-align: middle;
}

#superSetting .right-setting .form-group .switch-wechat,
#superSetting .right-setting .form-group .weChatLink,
#superSetting .right-setting .form-group .switch-Beatratio,
#superSetting .right-setting .form-group .beatratio-content,
#superSetting .right-setting .switch-examBg,
#superSetting .right-setting .switch-waterMark {
    vertical-align: middle
}

#superSetting .right-setting #set_release_notice {
    border: 1px solid #999999;
    border-radius: 4px;
    resize: none;
    width: calc(100% - 170px);
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    padding: 0 10px;
    margin-right: 10px;
    vertical-align: top;
}

#superSetting .right-setting #releaseUrlInput {
    border: 1px solid #999999;
    border-radius: 4px;
    width: 150px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    padding: 0 10px;
    text-align: center;
}

.form-horizontal .radio {
    min-height: 28px
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
    padding-left: 6px
}

.form-horizontal .form-group .control-label {
    text-align: left;
    padding-right: 0;
}

.form-horizontal .form-group.info-group, .form-horizontal .form-group.ip-group {
    padding: 20px;
    background: #F9F9F9;
    border-radius: 4px;
    margin-left: 21px;
    color: #6D717C;
}

.form-horizontal .form-group .form-inline + .form-inline {
    margin-top: 10px;
}

.form-horizontal .form-group .form-inline .checkbox {
    padding-top: 0;
    color: #6D717C;
}
.form-horizontal .form-group .form-inline .top-split-border {
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 10px;
}
.form-horizontal .form-group .form-inline .btn-follow-app {
    margin-left: 16px;
}

.form-inline .icons8-help, .form-group .icons8-help {
    color: #C1C1CB;
    font-size: 12px;
}
.popover .txt{
    color: #666;
}
/*.form-inline .radio + .radio{margin-left: 20px;}*/
.form-control {
    height: 28px;
    padding: 3px 6px;
    border: 1px solid #D8D8D8;
}

.form-control.width-62 {
    width: 62px;
}

.width-100 {
    width: 100px !important;
}

.info-group .form-control {
    border: 1px solid #9090A4;
}

/*ï¼è°ƒæ•´æ—¥åŽ†æ’ä»¶çš„ç›’æ¨¡åž‹æ ·å¼*/
.laydate_box, .laydate_top, .laydate_table, .laydate_bottom, .laydate_yms {
    box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/*.try-exam {display: inline-block;width: 70px;height: 25px;text-align: center;line-height: 25px;background-color: #188dff;color: #fff;border-radius: 5px;margin: 0 0 0 10px;cursor: pointer;}*/
#beatModal .show-beat {
    resize: none;
    width: 360px;
    height: 80px;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#beatModal .form-row {
    text-align: center;
}

#beatModal .info-box {
    background: #ededed;
    width: 360px;
    height: 132px;
    padding: 39px 0;
    margin-left: 178px;
    border-radius: 4px;
    margin-bottom: 65px;
}

#beatModal .info-box .info-list {
    float: left;
    position: relative;
    min-height: 1px;
    width: 50%;
}

#beatModal .info-box .info-list:first-child {
    border-right: 1px solid #ccc;
}

#beatModal .info-box .info-list:last-child {
    border-left: 1px solid #ccc;
}

#beatModal .info-box .info-list .title {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #666666;
    text-align: center;
    height: 19px;
    margin-top: 0;
    padding: 0;
    background: inherit;
    font-weight: initial;
    line-height: initial;
}

#beatModal .info-box .info-list .content {
    font-family: MicrosoftYaHei;
    font-size: 30px;
    color: #4a4a4a;
    text-align: center;
    height: 31px;
    line-height: initial;
}

/*å‘å¸ƒæˆåŠŸä»¥åŠé‚®ä»¶æé†’*/
#okModal .modal-dialog {
    width: 692px;
}

#okModal .modal-body .guide {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 64px;
    text-align: center;
    padding-left: 30px;
}

#okModal .modal-body .guide-pwd {
    margin-top: 30px;
}

#okModal .modal-body .guide .address {
    border: 1px solid #DEDEDE;
    padding: 6px 15px 6px 10px;
    border-right: none;
    text-align: left;
    display: inline-block;
    border-radius: 4px;
}

#okModal .modal-body .guide .btn-copy {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #1A8CFE;
    line-height: 8px;
    position: relative;
    left: -5px;
    padding: 0 16px;
}

#okModal .modal-body .qr-code {
    text-align: center;
    margin-top: 35px;
}

#okModal .modal-body .qr-code .btn-group .btn-download {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #2F7CDB;
    letter-spacing: -0.4px;
    padding: 9px 22px;
}

#okModal .modal-body .qr-code .download-qrcode {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

#okModal .modal-body .qr-code .invite-link-qrcode {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

#okModal .modal-body .sendForm {
    margin-top: 25px;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    position: relative
}

#okModal .modal-body .sendForm input {
    vertical-align: text-top;
    margin-top: 2px;
}

#okModal .modal-body .btn-div {
    margin-top: 60px;
    text-align: center;
    margin-bottom: 25px;
}

#okModal .modal-body .btn-div button {
    margin-right: 14px;
    width: 100px
}

/*#okModal .modal-body .btn-div span { width: 100px;  height: 34px;  line-height: 34px;  padding: 0;  color: #ffffff; }*/
/*å‘å¸ƒæˆåŠŸä»¥åŠé‚®ä»¶æé†’*/
.sendAnimation {
    display: none
}

.sendAnimation.sendTips {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 400px;
    height: 30px;
    font-size: 14px;
    color: #666;
    background: #F5DBCE;
    text-align: center;
    border-radius: 4px;
    margin: 0 auto;
    line-height: 30px;
    animation: sendTips 0.8s linear;
    -webkit-animation: sendTips 0.8s linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards
}
#okModal .btn-div .btn-download{
    display: block;
}
#animationLoading {
    position: fixed
}

@keyframes sendTips {
    from {
        top: 0;
    }
    to {
        top: 20px;
    }
}

@-webkit-keyframes sendTips {
    from {
        top: 0;
    }
    to {
        top: 20px;
    }
}
.guide #copyUrlBtn .icon-a_operate_copy{
    margin-right: 5px;
}
/*æç¤ºæ¡†æ ·å¼*/
.help-tips {
    display: inline-block;
    height: 12px;
    width: 12px;
    background: #9090A4;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    /*position: absolute;*/
    right: 230px;
    cursor: pointer;
    font-style: normal;
    top: 5px;
    font-size: 12px;
    /*padding-left: 1px;*/
    line-height: 13px;
    margin-left: 20px;
}
.sendForm .help-tips {
    position: absolute;
}
.wechatcompany-notice .help-tips{
    position: relative;
    right: 0px;
    top: 0px;
}
.help-tips .notificationTips {
    width: 342px;
    border: 1px solid #DDD;
    background: #fff;
    text-align: left;
    padding: 10px 17px 15px;
    position: absolute;
    top: 5px;
    right: -350px;
    line-height: 20px;
    color: #777;
    transition: 1s;
    cursor: auto;
    opacity: 0;
    font-size: 13px;
    visibility: hidden;
    z-index: 2;
    word-break: break-all;
}

.help-tips .notificationTips > p {
    font-size: 12px;
    color: #4A4A4A;
    line-height: 20px;
}


/**
对话框
*/
.ksx-fit-config-div {
    margin-right: 10px !important;
}

.ksx-fit-config-div i {
    margin-right: 4px !important; /*æŒ‰é’®å†…å›¾æ ‡ä¸Žå­—çš„è·ç¦»ä¸º8pxï¼Œä¸ŽæŒ‰é’®é—´è·åŒç†ï¼Œå­˜åœ¨4pxçš„é»˜è®¤é—´è·ï¼Œæ‰€ä»¥å®žé™…åªåŠ 4px*/
}

/*é“¾æŽ¥å¼¹çª—ä¼˜åŒ–*/
.modal-share {
    width: 692px;
}

.modal-share .modal-content {
    height: 500px;
    width: 100%;
}

.modal-share .modal-body {
    height: 100%;
    width: 100%;
}

.modal-share .right_container {
    height: 100%;
    width: 380px;
    position: absolute;
    right: 0;
}


.modal-share .address {
    border: unset !important;
}

#okModal .modal-body .guide {
    display: inline-block !important;
    position: relative;
    padding-left: 30px !important;
}

#okModal .modal-body .guide .btn-copy {
    border: unset;
    font-size: 12px !important;
    color: #656577 !important;
    font-weight: 600;
    position: absolute !important;
    top: 28px;
    right: 40px;
    left: unset !important;
}

#okModal .btn-div {
    padding: 0 0px 0 40px;
    position: absolute;
    bottom: 32px;
    margin: 0 !important;
    text-align: unset !important;
}

#okModal #sendForm {
    font-size: 12px;
    color: #656577;
    text-align: left;
    margin-top: 30px;
}

#okModal .tip_title {
    font-size: 14px;
    color: #27274A;
    font-weight: 600;
}

#okModal .guide {
    margin-top: 30px !important;
}

#okModal .guide .address {
    padding: 0 125px 0 0 !important;
}

#okModal .help-tips {
    margin-left: 10px;
}

#okModal .guide, #okModal #sendForm {
    padding-left: 40px;
}

#okModal .link_title {
    font-size: 20px;
    color: #27274A;
    letter-spacing: 0;
    padding: 30px 0 30px 40px;
}

#okModal .btn-div .btn-download, #okModal .btn-div #trialExamBtn, #okModal .btn-div #confirmOkBtn {
    height: 28px !important;
    padding: 5px 15px;
    text-align: center;
    margin-right: 10px;
}

#okModal .btn-div .btn-download, #okModal .btn-div #trialExamBtn {
    background: rgba(60, 130, 253, 0.10);
    border: 1px solid rgba(60, 130, 253, 0.20);
    color: #1A8CFE;
}

#okModal .btn-div .btn-download {
    line-height: 18px;
}

#okModal .modal-body .guide .address #exam_url, #okModal .modal-body .guide .address #exam_password {
    word-break: break-all;
    padding-right: 10px;
    padding-top: 5px;
}

#okModal .guide.guide-pwd {
    width: 100%;
    text-align: left !important;
}

#okModal #sendForm .tip_title {
    margin-bottom: 10px;
    display: inline-block;
}

#okModal .guide-pwd.hidden {
    display: none !important;
}

/*äºŒç»´ç ç¼©ç•¥å›¾ã€äºŒç»´ç å›¾ç‰‡ä¼˜åŒ–*/
#okModal .left_container .linkImgDownLoad {
    z-index: unset;
    transform-origin: 0 0;
    transform: scale(0.833);
}

.linkImgDownLoad, .linkImgDownLoad .half_circle {
    background: #DCDFE6 !important;
}

.linkImgDownLoadBtn {
    font-size: 12px;
    border-radius: 4px;
}
.linkImgDownLoad {
    position: inherit !important;
    
}
.linkImgDownLoad .time .start_time, .linkImgDownLoad .time .end_time, .linkImgDownLoad .time .exam_time {
    height: 22px;
    font-size: 13px;
}

/* laydate theme */
.laydate-theme-ksx .laydate-selected,
.laydate-theme-ksx .laydate-selected:hover {
  color: #1a8cfe !important;
}

.laydate-theme-ksx .layui-laydate-footer span:hover {
  color: #1a8cfe;
}

.laydate-theme-ksx .layui-laydate-header i:hover,
.laydate-theme-ksx .layui-laydate-header span:hover {
  color: #1a8cfe;
}

.laydate-theme-ksx .layui-laydate-content td.laydate-selected {
  background-color: #90b5da;
}

.laydate-theme-ksx .laydate-selected:hover {
  background-color: #4ea1f3 !important;
}

.laydate-theme-ksx .laydate-day-mark::after {
  background-color: #1a8cfe;
}

.laydate-theme-ksx .layui-laydate-footer span[lay-type=date] {
  color: #1a8cfe;
}

.layui-laydate.laydate-theme-ksx .layui-this {
  background-color: #1a8cfe !important;
}


.linkImgDownLoad{
    position:fixed;
    top:0px;
    left:0px;
    background:  #27274A;
    width:375px;
    height:490px;
    display:inline-block;
    z-index:-100;
}
.linkImgDownLoad .content{
    display: flex;
    flex-direction: column;
    align-items: center;

    background: #FFFFFF;
    border-radius: 6px;
    width:305px;
    height:398px;
    margin:40px 35px;
}
.linkImgDownLoad .half_circle{
    background:  #27274A;
    display: inline-block;
    border-radius:100px;
    width:22px;
    height:22px;
}
.linkImgDownLoad .left{
    position:absolute;
    left:24px;
    top:315px;
}
.linkImgDownLoad .right{
    position:absolute;
    right:24px;
    top:315px;
}
.linkImgDownLoad .logo{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 62px;
    text-align: center;
    width: 305px;
}

.linkImgDownLoad .logo img{
    height: 39px;
    max-width: 67%;
}

.linkImgDownLoad .invite{
    opacity: 0.8;
    font-size: 16px;
    color: #FFFFFF;
}

.linkImgDownLoad .title{
    width:335px;
    height:106px;
    background: #1A8CFE;
    position:absolute;
    top: 83px;
    left: 34px;
}

.linkImgDownLoad .title .title_container{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.linkImgDownLoad .title_content{
    font-size: 18px;
    color: #FFFFFF;
    font-weight:bold;
    display: inline-block;
    padding: 0 25px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.linkImgDownLoad .white_line{
    border: 1px #fff solid;
    display: inline-block;
    width: 35px;
    vertical-align: middle;
    margin: 0 10px;
    transform: scale(1,0.3);
}

.linkImgDownLoad .left_triangle{
    border:7.5px solid;
    border-color:#C1C1CB #C1C1CB rgba(0,0,0,0) rgba(0,0,0,0);
    position:absolute;
    left:20px;
    top:245px;
    width:0;
    height:0;
}

.linkImgDownLoad .right_triangle{
    border:7.5px solid;
    border-color:#C1C1CB rgba(0,0,0,0) rgba(0,0,0,0) #C1C1CB;
    position:absolute;
    right:20px;
    top:245px;
    width:0;
    height:0;
}

.linkImgDownLoad .time{
    position:absolute;;
    top: 213px;
    left:70px;
}

.linkImgDownLoad .time .start_time,.linkImgDownLoad .time .end_time,.linkImgDownLoad .time .exam_time{
    background: #F7F8FA;
    border-radius: 2px;
    font-size: 10px;
    color:  #656577;
    width:235px;
    height:20px;
    margin-bottom:6px;
    padding-left: 32px;
    line-height: 20px;
}

.linkImgDownLoad .time .start_time span,.linkImgDownLoad .time .end_time span,.linkImgDownLoad .time .exam_time span{
    font-size: 12px;
    color:  #656577;
    margin-left:5px;
}

.linkImgDownLoad .qr_code{
    position:absolute;
    top: 300px;
    /* left:131px; */
    text-align: center;
}
.linkImgDownLoad .qr_code img{
    width:100px;
    height:100px;
}
.linkImgDownLoad .qr_code .tip{
    font-size: 12px;
    /* color: #C1C1CB; */
    margin-top:10px;
}
.guide {
    padding-left: 30px !important;
}
/* 对话框配置 */
.el-dialog__header {
    padding-top: 10px !important;
}
.el-dialog__body {
    padding: 0 20px !important;
}
.code_img {
    /* margin-top: 44px; */
}